<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>Dashboard - Ace Admin</title>

		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<#include "${ctx}/common.ftl" />
		<script src="${ctx}/js/bootstrap-tab.js"></script>
		<script src="${ctx}/js/sidebar-menu.js"></script>
		<link rel="stylesheet" href="${ctx}/css/boostrap-tab.css" />
	</head>

	<body class="no-skin">
		<!-- #section:basics/navbar.layout -->
		<#include "${ctx}/head.ftl" />	
		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<div class="sidebar" id="sidebar">
					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
					</script>
                    
					<div class="sidebar-shortcuts" id="sidebar-shortcuts">
						<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
							<button class="btn btn-success">
								<i class="ace-icon fa fa-signal"></i>
							</button>
	
							<button class="btn btn-info">
								<i class="ace-icon fa fa-pencil"></i>
							</button>
	
							<!-- #section:basics/sidebar.layout.shortcuts -->
							<button class="btn btn-warning">
								<i class="ace-icon fa fa-users"></i>
							</button>
	
							<button class="btn btn-danger">
								<i class="ace-icon fa fa-cogs"></i>
							</button>
	
							<!-- /section:basics/sidebar.layout.shortcuts -->
						</div>
	
						<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
							<span class="btn btn-success"></span>
	
							<span class="btn btn-info"></span>
	
							<span class="btn btn-warning"></span>
	
							<span class="btn btn-danger"></span>
						</div>
					</div><!-- /.sidebar-shortcuts -->
					<ul class="nav nav-list" id="menu">
					
					</ul><!-- /.nav-list -->

					<div class="sidebar-collapse" id="sidebar-collapse">
						<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
					</div>

					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
					</script>
					<!-- #section:basics/sidebar.layout.minimize -->
					<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
						<i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
					</div>
					<!-- /section:basics/sidebar.layout.minimize -->
				</div>

				<div class="main-content">	
				     			
					<div class="page-content">
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<ul class="nav nav-tabs" role="tablist">
			       					<li class="active">
			       					    <a href="#Index" role="tab" data-toggle="tab">
			       					        <i class="green ace-icon fa fa-user bigger-120"></i>
							                                                         首页
											</a>
			       					    </a>			       					      
			       					</li>			       					
			      				</ul>
			      				<div class="tab-content">
			       					<div role="tabpanel" class="tab-pane active" id="Index">
			       					   <h4>欢迎使用后台管理系统</h4>
			       					</div>
			      				</div>						
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->

				<!-- /#ace-settings-container -->
			</div><!-- /.main-container-inner -->
		</div><!-- /.main-container -->
		<!-- inline scripts related to this page -->
		<script type="text/javascript">
			$(window).resize(function() {
			  	$("#sidebar").height($(window).height()-$("#navbar").height());
			  	$("div .tab-pane iframe").height($("#sidebar").height()-60);
			});
			$("#sidebar").height($(window).height()-$("#navbar").height()-40); 
			$(function () {
			     $.ajax({
   	    		   method: "GET",
   	    		   dataType: "json",
   	    		   url: "${ctx}/menu/getUserMenu",  	 
   	    		   success: function(data){
	   	    		$('#menu').sidebarMenu(data);	
   	    		   }
   	    		});
				debugger;
				eval($("#menu_li_00 a").attr("href"));
			});
			
		</script>
	</body>
</html>
